﻿
.tr { text-align: right; }
.tl { text-align: left; }
.center { text-align: center; }
.fl { float: left; }
.fr { float: right; }


/*con*/
.co{ width:100%; height:auto; float:left;}
.con{ width:1200px; min-height:800px; padding:10px 0px;margin:0px auto}
.conn{ width:1200px; height:auto; float:left; padding-bottom:5px; padding-top:5px;}
.cleft{ width:280px; float:left; 	 background:#f0f0f0;}


.cltop{ height:47px; background:#12706f;}
.cltoptext{height:40px; line-height:40px;text-align:center; font-size:16px; color:#fff;}

.clul ul{width: 220px;height: auto;overflow: hidden;margin:auto;margin-bottom: 30px;}

 .clul ul li{width: 220px;/*height: 50px;*/border-bottom: 1px dotted #ccc;overflow: hidden;}

.clul ul li a{width: 190px;height: 35px;line-height: 35px;text-align:center;display: block;color: #333;font-size: 14px;vertical-align: middle;margin: 10px auto;background:url(/images/h_m2.png) no-repeat right;}

.clul ul li a:hover,
.clul .curr{}

.clul ul li a i{float: right;margin-right: 10px;margin-top: 8px;}
#bot{color:#ef6900;  width:230px; /*background: #f6b801;background:url(/images/lbg.jpg) no-repeat;*/font-weight:600;}


.clul2 ul{width: 220px;height: auto;overflow: hidden;margin:auto;margin-bottom: 30px;}
.clul2 ul li{width: 220px;/*height: 50px;*/overflow: hidden;margin-bottom: 10px;}
.clul2 ul li a{width: 190px;height: 30px;display: block;font-family: "微软雅黑";color: #FFFFFF;font-size: 14px;padding-left: 20px;
vertical-align: middle;line-height: 30px;}
.clul2 ul li a:hover,
.clul2 .curr{}
.clul2 ul li a i{float: right;margin-right: 10px;margin-top: 8px;}
.xlc{ width:auto;}
.xlc p{line-height:24px; border-bottom:1px dotted #75b5f2;font-size:13px;}

#bot2{ color: #f6b801; width:230px;font-weight:600; }

.n_ban {
    width: 100%;
    height: 210px;
    /* position: relative; */
    overflow: hidden;
    min-width: 1200px;
}

.ctop{ height:36px; border-bottom:1px solid #f0f0f0;}
.toptext{ height:36px; float:left; line-height:36px; padding-left:30px;background:url(/images/c-home.png) no-repeat 10px center; color:#888; font-size:14px;}
.toptext a{ color:#888; font-size:14px;}

.cright{ width:890px;float:right;}
.about{ height:36px; float:right; padding-right:10px;}
.about a{ color:#333; text-decoration:none; line-height:36px;}
.about a:hover{ color:#336699; text-decoration:none;}
/*ma manews maa  使用了padding所有宽度少30*/
.manews{width:870px; min-height:300px; padding:5px;}
.ma{width:100%;height:auto; padding:15px 0; min-height:300px;}
.ma p{line-height:30px;}
.ma span{line-height:30px; }

.cnews1{ width:770px; height:80px; padding-top:5px;}
.nimg a{ width:770px; height:30px; color:#034173;font-size:14px;font-weight:bold;}
.nimg a:hover{ width:770px; height:30px; color:#0073dd;font-size:14px;}
.ntext a{  width:770px; height:80px;color:#333;}
.ntext a:hover{  width:770px; height:80px;color:#e70012;}
.ntitle{width:770px;height:30px; float:right;font-size:14px; font-weight:bold; color:#888; }

/*页面导航条  -30px*/
.under{ width:730px; height:24px; margin-top:5px; padding:5px; padding-right:20px; text-align:right; color:#333; clear:both;font-size:12px;}
.under a{ color:#333;font-size:12px;}
.under a:hover{text-decoration:none; color:#336699;}


/*页面上一个下一个   -30px*/
.next2{ width:850px;height:70px; margin-top:5px; padding:5px; text-align:left; padding-left:20px; color:#666; clear:both;font-size:12px;}
.next2 ul li{ width:850px; padding:0px 5px; height:28px; background-color:#EAE9E8; margin-bottom:5px;}
.next2 span{ color:#1386a5; line-height:28px;}
.next2 a{ color:#666; text-align:left; font-size:12px; line-height:28px;}
.next2 a:hover{text-decoration:none; color:#1386a5;}

.xm4 {
    width: 43.33333333%;
    float: left;
}
.xm8 {
    width: 50.66666667%;
    float: right;
}

/*新闻列表显示*/

/*新闻中心样式的定义*/
.news_right_c{}
.news_right_c ul.news{ margin:0 0 15px 0;}
.news_right_c ul.news li.Recom{ height:190px; padding:15px 0; border-bottom:solid 1px #e0e0e0;}
.news_right_c ul.news li.Recom p.n_l{ width:510px; float:left; background:0;text-align:left;}
.news_right_c ul.news li.Recom p.n_l span.t{display:block; font-size:15px; color:#333; line-height:35px;}
.news_right_c ul.news li.Recom p.n_l span.c{display:block; font-size:12px; color:#888; line-height:30px;}
.news_right_c ul.news li.Recom p.n_l span.m{display:block; font-size:12px; color:#888; line-height:30px;}
.news_right_c ul.news li.Recom p.n_r{ width:351px; float:right; display:block;}
.news_right_c ul.news li.Recom:hover p.n_l span{ color:#00c1de;transition:all ease 0.4s;}
.news_right_c ul.news li.li{ height:102px; padding:20px 0; border-bottom: dashed 1px #e0e0e0;}
.news_right_c ul.news li.li p.n_l{ height:101px; width:101px; background:#dedede ; display:block; float:left; text-align:center;}
.news_right_c ul.news li.li p.n_l span.d{ font-size:30px; color:#333; display:block;margin:10px 0 10px 0;}
.news_right_c ul.news li.li p.n_l span.y{font-size:15px;display:block;color:#333;}
.news_right_c ul.news li.li p.n_r{width:770px;float:right;}
.news_right_c ul.news li.li p.n_r span.t{ font-size:18px; color:#333; line-height:30px; display:block;font-weight:600}
.news_right_c ul.news li.li p.n_r span.cc{ font-size:14px; color:#777; line-height:24px; display:block;}
.news_right_c ul.news li.li:hover{background:#f2f2f2;transition:all ease 0.4s;}
.news_right_c ul.news li.li:hover p.n_l{transition:all ease 0.4s; margin:0 0 0 10px;}
.news_right_c ul.news li.li:hover p.n_r{width:750px;transition:all ease 0.4s; margin:0 10px 0 0;}
.news_right_c ul.news li.li:hover p.n_r span{ color:#12706f;transition:all ease 0.4s;}



/*产品展示页面*/
 .case_box ul li{
	width: 280px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-right: 14px;
	margin-top: 20px;border:1px solid  #dedede;
}

 .case_box ul li img{
	width: 280px;
	height: 210px;
	display: block;
}

 .case_box ul li h3{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;text-align:center;
	margin-top: 20px;  font-size:16px;  
    color: #333;
    font-weight: 500;
    padding-bottom: 10px;
}

 .case_box ul li p{
	max-height: 50px;
	overflow: hidden;
}

.showimg {
max-width:500px;   /* FF IE7 */
max-height:430px; /* FF IE7 */
_width:expression(this.width > 500 && this.width > this.height ? 500: auto); /* IE6 */
_height:expression(this.height > 430 ? 430 : auto); /* IE6 */
}

.nei2{float: left;width:700px;height:30px; margin:5px 6px;background:url(/images/wtb_03.jpg) no-repeat left 8px center; }
.nei2 p{color:#000; font-size:12px; text-align:center; line-height:30px; }
.nei2:hover{ text-decoration:none;}
.nei2:hover p{ color:#0d4da4;}
.nei2:hover .nei2nav{border:1px solid #ac0303;}
.nei2nav{width:720px;height:25px; padding-top:6px;border:1px solid #dfdfdf;padding-left:20px;}
.nei2nav img{width:720px;height:30px;}
.showimg {
max-width:500px;   /* FF IE7 */
max-height:430px; /* FF IE7 */
_width:expression(this.width > 500 && this.width > this.height ? 500: auto); /* IE6 */
_height:expression(this.height > 430 ? 430 : auto); /* IE6 */
}


.nei3{float: left;width:330px;height:230px; margin:10px 6px;}
.nei3 p{color:#000; font-size:12px; text-align:center; line-height:25px;}
.nei3:hover{ text-decoration:none;}
.nei3:hover p{ color:#da0367;}
.nei3:hover .nei3nav{border:1px solid #da0367;}
.nei3nav{width:300px;height:200px; padding:4px;border:1px solid #dfdfdf;}
.nei3nav img{width:300px;height:200px;}
/*在线留言*/
.panel-c-l td{padding:5px 5px;}
.login-text{height: 24px;left: 24px;border: 1px solid #e9e9e9;background: #f9f9f9;width: 400px;}
.login-validate{height: 24px;left: 24px;border: 1px solid #e9e9e9;background: #f9f9f9;width: 100px;}
.login-text-focus{border: 1px solid #574309;}
.login-btn{width: 114px;height: 29px;color: #fff;line-height: 29px;background:#205299;border: none;overflow: hidden;cursor: pointer;border: 1px solid #e9e9e9; margin-right:20px;}
.note{width: 400px;height:100px}
.logincopyright{text-align: center;color: White;font-size:14px;margin-top: 50px;}

/*分页吗样式*/
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:#666;margin:5px 4px 0 0;padding:4px 12px 5px;text-decoration:none}
.anpager a:hover{background:#333 none repeat scroll 0 0;border:1px solid #333;color:#FFFFFF;}


.lxwm{ width:228px; height:260px; margin-top:5px; border:1px solid #dedede;}


 .subnr { border:1px solid #ededed; border-top:0; background:#fff; padding:5px 9px; width:210px; overflow:hidden; }
 .subnr p { line-height:25px; overflow:hidden; }
 .subnr span { color:#333; }
 .subnr h5 { padding-top:12px; line-height:28px; overflow:hidden; }
 .dianhua { background: url(img/teln.gif) no-repeat scroll 0 18px transparent; color:#666; line-height: 20px;padding: 10px 0 10px 5px;}
 .dianhua span { display: block; font: 18px "Impact"; color:#0152a3; }

/*foot*/
.featured{
	/*position: relative;*/
	text-align: center;
	padding: 20px 0 40px 0;
   
}
.featured .bd .item .name{
	/*padding: 2px 0;*/
	margin: 10px 0;     float: left;padding-left:15px;
}
.featured .bd .item .name a{
	font-family: "LATO_REGULAR";
	font-size: 14px;
	color: #444;
}
.featured .bd .cate_name{
	margin: 2px 0 30px 0;
}
.featured .bd .cate_name a{
	font-family: "MONTSERRAT_BOLD";
}
.featured .bd .cate_name .name a{
	font-size: 14px;
	color: #232222;
}
.featured .bd .item .inquiry {
	padding: 5px 0;
	margin: 5px 0;
	cursor: pointer;float:right;
}
.featured .bd .item .inquiry img{
	/*padding-right: 11px;*/
}
.featured .bd .item .inquiry a{
	padding: 10px 15px;
	/*background: #888;*/
	font-size: 14px;
	color: white;
	font-family: "LATO_REGULAR";
}
.featured .inquiry img,.featured .inquiry span{
	/*vertical-align: middle;*/
}
.featured .bd .item .inquiry a:hover{
	/*background: #e8724e;*/
	transition: all ease 300ms;
}